<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <title>order demo</title>
  <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
  <link rel="stylesheet" type="text/css" href="index.css">
<body>
<div id="container" class="cm-content">
  <div id="order">
    <div class="header">
      <div class="go left">
        <a>
          <i class="fa fa-chevron-left"></i>
        </a>
        <span>订单列表</span>
      </div>
      <!-- <div class="login right">
        <a>编辑</a>
      </div> -->
    </div>
    <div class="list-null">
      <span class="blue">暂时还没有能源送达喔~</span>
    </div>
    <div class="content">
      <div class="item">
        <div class="title">
          <span class="left">编号: 2013232323323</span>
          <span class="red right">待付款</span>
        </div>
        <div class="info">
          <div class="img">
            <img src="img/xiaomi.jpg">
          </div>
          <div class="name">
            <span>小米</span>
            <span>港版</span>
            <span>32G</span>
            <span>玫瑰金</span>
          </div>
        </div>
        <div class="sum">
          <span>共计9件商品</span>
          <span>实际付款:</span>
          <span><i class="fa fa-yen"></i>1999.00</span>
        </div>
        <div class="btn">
          <div class="pay-success">
            <a class="left del">删除订单</a>
          </div>
          <div class="pay-error">
            <a class="left cancal">取消订单</a>
            <a class="left go-pay">去支付</a>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="title">
          <span class="left">编号: 2013232323323</span>
          <span class="red right">待付款</span>
        </div>
        <div class="info">
          <div class="img">
            <img src="img/xiaomi.jpg">
          </div>
          <div class="name">
            <span>小米</span>
            <span>港版</span>
            <span>32G</span>
            <span>玫瑰金</span>
          </div>
        </div>
        <div class="sum">
          <span>共计9件商品</span>
          <span>实际付款:</span>
          <span><i class="fa fa-yen"></i>1999.00</span>
        </div>
        <div class="btn">
          <div class="pay-success">
            <a class="left del">删除订单</a>
          </div>
          <div class="pay-error">
            <a class="left cancal">取消订单</a>
            <a class="left go-pay">去支付</a>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="title">
          <span class="left">编号: 2013232323323</span>
          <span class="red right">待付款</span>
        </div>
        <div class="info">
          <div class="img">
            <img src="img/xiaomi.jpg">
          </div>
          <div class="name">
            <span>小米</span>
            <span>港版</span>
            <span>32G</span>
            <span>玫瑰金</span>
          </div>
        </div>
        <div class="sum">
          <span>共计9件商品</span>
          <span>实际付款:</span>
          <span><i class="fa fa-yen"></i>1999.00</span>
        </div>
        <div class="btn">
          <div class="pay-success">
            <a class="left del">删除订单</a>
          </div>
          <div class="pay-error">
            <a class="left cancal">取消订单</a>
            <a class="left go-pay">去支付</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
<script type="text/javascript" src="vue.js"></script>
<script type="text/javascript">
  var vm = new Vue({
    el: '#container',
    data: {
    },
    computed: {
    },
    mounted: function() {
    },
    watch: {
    },
    methods: {
    }
  });
</script>
</html>